<template>
	<view class="page">
		<view class="flex benben-position-layout flex flex-wrap align-center accountingOverview_flex_0"
			:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
			<view class='flex flex-wrap align-center justify-between flex-sub accountingOverview_fd0_0'>
				<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
					<text class='fu-iconfont2  accountingOverview_fd0_0_c0_c0'>&#xE794;</text>
				</view>
				<text class='accountingOverview_fd0_0_c1'>详情</text>
				<view class='accountingOverview_fd0_0_c2'></view>
				<!-- <view class='accountingOverview_fd0_0_c2' @tap.stop="analysis">
					<text>解析</text>
				</view> -->
			</view>
		</view>
		<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
		<view class="loading_css" v-if="isShow">
			<u-loading size="36" color="#1593FF"></u-loading>
			<view>加载中</view>
		</view>
		<template v-else>
			<swiper :current="currentIndex" @change="swiperChange"
				:style="{ height: swiperHeight > (windowHeight-99-StatusBarRpx) ? (swiperHeight + 'px') : ((windowHeight-99-StatusBarRpx)+'px')}">
				<swiper-item v-for="(item, index) in displayList" :key="index" style="height:100%;">
					<view class="" :id="'Box' + index">
						<!---flex布局flex布局开始-->
						<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout accountingOverview_flex_1">
							<!-- <view class='flex flex-wrap align-center accountingOverview_fd1_0'>
								<image class='accountingOverview_fd1_0_c0' mode="aspectFit" :src='STATIC_URL+"29.png"'>
								</image>
								<text class='accountingOverview_fd1_0_c1'>第</text>
								<text class='accountingOverview_fd1_0_c2'>{{index+1}}</text>
								<text class='accountingOverview_fd1_0_c3'>题</text>
							</view> -->
							<view class='accountingOverview_fd1_1'>
								<image class='accountingOverview_fd1_1_c0' v-if="item.item.topic_type == 2" mode="aspectFit"
									:src='STATIC_URL+"61.png"'></image>
								<image class='accountingOverview_fd1_1_c1' v-if="item.item.topic_type == 3" mode="aspectFit"
									:src='STATIC_URL+"64.png"'></image>
								<image class='accountingOverview_fd1_1_c2' v-if="item.item.topic_type == 1" mode="aspectFit"
									:src='STATIC_URL+"68.png"'></image>
								<text class='accountingOverview_fd1_1_c3'>{{item.item.topic_title}}</text>
							</view>
							<view class="topic_img" v-if="item.item.topic_image">
								<image :src="item.item.topic_image" mode="aspectFill"></image>
							</view>
							<view class='flex flex-direction flex-wrap align-stretch accountingOverview_fd1_3'>
								<view v-for="(v, k) in item.item.option_list" :key="k">
									<view class=' align-center accountingOverview_fd1_3_c2' v-if="v.isChange == 1">
										<view class="">
											<text
												class='accountingOverview_fd1_3_c2_c1'>{{letter[k]}}.{{v.option_title}}</text>
										</view>
										<image v-if="v.option_image" class="option_img" :src="v.option_image"
											mode="aspectFill"></image>
									</view>
									<view class='align-center accountingOverview_fd1_3_c0' v-if="v.isChange == 2">
										<view class="">
											<image class='accountingOverview_fd1_3_c0_c0' mode="aspectFit"
												:src='STATIC_URL+"62.png"' style="transform: translateY(8rpx);"></image>
											<text class='accountingOverview_fd1_3_c0_c1'>{{v.option_title}}</text>
										</view>
										<image v-if="v.option_image" class="option_img" :src="v.option_image"
											mode="aspectFill"></image>
			
									</view>
									<view class='align-center accountingOverview_fd1_3_c1' v-if="v.isChange == 3">
										<view class="">
											<image class='accountingOverview_fd1_3_c1_c0' mode="aspectFit"
												:src='STATIC_URL+"63.png"' style="transform: translateY(8rpx);"></image>
											<text class='accountingOverview_fd1_3_c1_c1'>{{v.option_title}}</text>
										</view>
										<image v-if="v.option_image" class="option_img" :src="v.option_image"
											mode="aspectFill"></image>
									</view>
								</view>
							</view>
							<block v-if="item.item.is_Submit == 0 && item.item.topic_type == 3">
								<view class="query_topic" @tap.stop="multipleChoice">确认</view>
							</block>
			
						</view>
						<!---flex布局flex布局结束-->
						<!---flex布局flex布局开始-->
						<view
							class="flex flex-direction flex-wrap align-stretch benben-flex-layout accountingOverview_flex_2"
							v-if="item.item.is_analysis">
							<view class='flex flex-wrap align-center accountingOverview_fd2_0'>
								<image class='accountingOverview_fd2_0_c0' mode="aspectFit" :src='STATIC_URL+"29.png"'>
								</image>
								<text class='accountingOverview_fd2_0_c1'>查看答案</text>
							</view>
							<view class='flex flex-wrap align-center justify-between accountingOverview_fd2_1'>
								<view class='flex flex-direction flex-wrap align-center'>
									<text class='accountingOverview_fd2_1_c0_c0'>正确答案</text>
									<text class='accountingOverview_fd2_1_c0_c1'
										v-if="item.item.topic_type == 1 || item.item.topic_type == 2">{{letter[item.item.right_key]}}</text>
									<text class='accountingOverview_fd2_1_c0_c1' v-else>{{item.item.right_key}}</text>
								</view>
			
								<view class='flex  accountingOverview_fd2_1_c1'></view>
			
								<view class='flex flex-direction flex-wrap align-center'>
									<text class='accountingOverview_fd2_1_c2_c0'>我的答案</text>
									<template v-if="item.item.user_choice_ids">
										<text class='accountingOverview_fd2_1_c2_c1' v-if="item.item.topic_type == 1 || item.item.topic_type == 2">{{letter[item.item.my_key]}}</text>
										<block v-else>
											<text class='accountingOverview_fd2_1_c2_c1'
												v-if="item.item.my_key">{{item.item.my_key}}</text>
											<text class='accountingOverview_fd2_1_c2_c1' v-else>未选择</text>
										</block>
									</template>
									<template v-else>
										<text class='accountingOverview_fd2_1_c2_c1'>未选择</text>
									</template>
			
								</view>
							</view>
							<view class='flex flex-wrap align-center accountingOverview_fd2_2'>
								<image class='accountingOverview_fd2_2_c0' mode="aspectFit" :src='STATIC_URL+"29.png"'>
								</image>
								<text class='accountingOverview_fd2_2_c1'>查看解析</text>
							</view>
							<text class='accountingOverview_fd2_3'>参考解析：</text>
							<view class='accountingOverview_fd2_4'>
								<u-parse :html="item.item.answter"></u-parse>
							</view>
			
						</view>
					</view>
				</swiper-item>
			</swiper>
			<!-- <view class="flex benben-position-layout flex flex-wrap align-center accountingOverview_flex_6">
				<view class='flex flex position-relative align-center' v-if="collection == 1" @tap="getCollection">
					<image class='accountingOverview_checkfd6_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"67.png"'>
					</image>
					<text style="font-size: 30rpx;color: #666;margin-left: 12rpx;">已收藏</text>
				</view>
				<view class='flex flex position-relative justify-end align-center' @tap="getCollection" v-else>
					<image class='accountingOverview_noCheckfd6_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"66.png"'>
					</image>
					<text style="font-size: 30rpx;color: #666;margin-left: 12rpx;">收藏</text>
				</view>
				<view class='flex flex-wrap align-center justify-center accountingOverview_fd6_1'>
					<image class='accountingOverview_fd6_1_c0' mode="aspectFit" :src='STATIC_URL+"62.png"'></image>
					<text class='accountingOverview_fd6_1_c1'>{{correct_number}}</text>
				</view>
				<view class='flex flex-wrap align-center justify-center accountingOverview_fd6_2'>
					<image class='accountingOverview_fd6_2_c0' mode="aspectFit" :src='STATIC_URL+"63.png"'></image>
					<text class='accountingOverview_fd6_2_c1'>{{error_number}}</text>
				</view>
				<view class='flex flex-wrap align-center accountingOverview_fd6_3' @tap.stop="popupShow1659665463519=true">
					<image class='accountingOverview_fd6_3_c0' mode="aspectFit" :src='STATIC_URL+"65.png"'></image>
					<text class='accountingOverview_fd6_3_c1'>{{currentIndex+1}}</text>
					<text class='accountingOverview_fd6_3_c2'>/</text>
					<text class='accountingOverview_fd6_3_c3'>{{list.length}}</text>
				</view>
			</view> -->
		</template>
		


		<!---flex布局flex布局结束-->
		<benben-popup v-model="popupShow1659669633610" :mask="true" mode='center'>
			<!---题目已做完弹窗flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout accountingOverview_flex_3">
				<text class='accountingOverview_fd3_0'>章节已完成</text>
				<text class='accountingOverview_fd3_1'>章节题目已完成是否跳转下一章节</text>
				<view class='flex flex-wrap align-center'>
					<button class='accountingOverview_fd3_2_c0' @tap.stop="popupShow1659669633610=false">取消</button>
					<button class='accountingOverview_fd3_2_c1' @tap.stop="popupShow1659669633610=false">确认</button>
				</view>
			</view>
			<!---题目已做完弹窗flex布局结束-->
		</benben-popup>
		<benben-popup v-model="popupShow1659668925427" :mask="true" mode='bottom'>
			<!---答案解析弹窗flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout accountingOverview_flex_4">
				<view class='flex flex-wrap align-center justify-between accountingOverview_fd4_0'>
					<view class='flex flex-wrap align-center accountingOverview_fd4_0_c0'>
					</view>
					<text class='accountingOverview_fd4_0_c1'>答案解析</text>
					<image class='accountingOverview_fd4_0_c2' :src='STATIC_URL+"70.png"'
						@tap.stop="popupShow1659668925427=false"></image>
				</view>
				<view class='flex flex-direction flex-wrap align-center accountingOverview_fd4_1'>
					<text class='self-start accountingOverview_fd4_1_c0'>正确答案：</text>
					<text class='accountingOverview_fd4_1_c1'>{{analysis_name}}</text>
				</view>
				<view class='flex flex-direction flex-wrap align-stretch accountingOverview_fd4_2'>
					<text class='accountingOverview_fd4_2_c0'>参考解析：</text>
					<view class='accountingOverview_fd4_2_c1'>
						<u-parse :html="analysis_content"></u-parse>
					</view>
				</view>
			</view>
			<!---答案解析弹窗flex布局结束-->
		</benben-popup>
		<benben-popup v-model="popupShow1659665463519" :mask="true" mode='bottom'>
			<!---打卡弹窗flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout accountingOverview_flex_5">
				<view class='flex flex-wrap align-center accountingOverview_fd5_0'>
					<view class='flex flex-wrap align-center justify-center accountingOverview_fd5_0_c0'>
						<image class='accountingOverview_fd5_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"62.png"'>
						</image>
						<text class='accountingOverview_fd5_0_c0_c1'>{{correct_number}}</text>
					</view>
					<view class='flex flex-wrap align-center justify-center accountingOverview_fd5_0_c1'>
						<image class='accountingOverview_fd5_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"63.png"'>
						</image>
						<text class='accountingOverview_fd5_0_c1_c1'>{{error_number}}</text>
					</view>
					<image class='accountingOverview_fd5_0_c2' mode="aspectFit" :src='STATIC_URL+"65.png"'></image>
					<text class='accountingOverview_fd5_0_c3'>{{currentIndex+1}}</text>
					<text class='accountingOverview_fd5_0_c4'>/</text>
					<text class='accountingOverview_fd5_0_c5'>{{list.length}}</text>
				</view>
				<scroll-view :scroll-y="true">
					<view class='flex flex-wrap align-center accountingOverview_fd5_1'>
						<image class='accountingOverview_fd5_1_c0' mode="aspectFit" :src='STATIC_URL+"29.png"'></image>
						<text class='accountingOverview_fd5_1_c1'>单选题</text>
						<text class='accountingOverview_fd5_1_c2'>（</text>
						<text class='accountingOverview_fd5_1_c3'>{{topic_type_one_number}}</text>
						<text class='accountingOverview_fd5_1_c4'>/</text>
						<text class='accountingOverview_fd5_1_c5'>{{topic_type_one.length}}</text>
						<text class='accountingOverview_fd5_1_c6'>）</text>
					</view>
					<view class='flex flex-wrap align-center accountingOverview_fd5_2'>
						<view v-for="(v, k) in topic_type_one" :key="k">
							<block v-if="v.is_Submit == 0">
								<view class='flex flex-wrap align-center justify-center accountingOverview_fd5_2_c0'
									@tap.stop="getIndex(v.aid)">
									<text class='accountingOverview_fd5_2_c0_c0'>{{v.index}}</text>
								</view>
							</block>
							<block v-else>
								<view class='flex flex-wrap align-center justify-center accountingOverview_fd5_2_c1'
									v-if="v.isChange == 2" @tap.stop="getIndex(v.aid)">
									<text class='accountingOverview_fd5_2_c1_c0'>{{v.index}}</text>
								</view>
								<view class='flex flex-wrap align-center justify-center accountingOverview_fd5_2_c2'
									v-if="v.isChange == 3" @tap.stop="getIndex(v.aid)">
									<text class='accountingOverview_fd5_2_c2_c0'>{{v.index}}</text>
								</view>
								<view class='flex flex-wrap align-center justify-center accountingOverview_fd5_2_c3'
									v-if="v.isChange == 1" @tap.stop="getIndex(v.aid)">
									<text class='accountingOverview_fd5_2_c3_c0'>{{v.index}}</text>
								</view>
							</block>
						</view>
					</view>
					<view class='flex flex-wrap align-center accountingOverview_fd5_1'>
						<image class='accountingOverview_fd5_1_c0' mode="aspectFit" :src='STATIC_URL+"29.png"'></image>
						<text class='accountingOverview_fd5_1_c1'>判断题</text>
						<text class='accountingOverview_fd5_1_c2'>（</text>
						<text class='accountingOverview_fd5_1_c3'>{{topic_type_Two_number}}</text>
						<text class='accountingOverview_fd5_1_c4'>/</text>
						<text class='accountingOverview_fd5_1_c5'>{{topic_type_Two.length}}</text>
						<text class='accountingOverview_fd5_1_c6'>）</text>
					</view>
					<view class='flex flex-wrap align-center accountingOverview_fd5_2'>
						<view v-for="(v, k) in topic_type_Two" :key="k">
							<block v-if="v.is_Submit == 0">
								<view class='flex flex-wrap align-center justify-center accountingOverview_fd5_2_c0'
									@tap.stop="getIndex(v.aid)">
									<text class='accountingOverview_fd5_2_c0_c0'>{{v.index}}</text>
								</view>
							</block>
							<block v-else>
								<view class='flex flex-wrap align-center justify-center accountingOverview_fd5_2_c1'
									v-if="v.isChange == 2" @tap.stop="getIndex(v.aid)">
									<text class='accountingOverview_fd5_2_c1_c0'>{{v.index}}</text>
								</view>
								<view class='flex flex-wrap align-center justify-center accountingOverview_fd5_2_c2'
									v-if="v.isChange == 3" @tap.stop="getIndex(v.aid)">
									<text class='accountingOverview_fd5_2_c2_c0'>{{v.index}}</text>
								</view>
								<view class='flex flex-wrap align-center justify-center accountingOverview_fd5_2_c3'
									v-if="v.isChange == 1" @tap.stop="getIndex(v.aid)">
									<text class='accountingOverview_fd5_2_c3_c0'>{{v.index}}</text>
								</view>
							</block>
						</view>
					</view>
					<view class='flex flex-wrap align-center accountingOverview_fd5_1'>
						<image class='accountingOverview_fd5_1_c0' mode="aspectFit" :src='STATIC_URL+"29.png"'></image>
						<text class='accountingOverview_fd5_1_c1'>多选题</text>
						<text class='accountingOverview_fd5_1_c2'>（</text>
						<text class='accountingOverview_fd5_1_c3'>{{topic_type_Three_number}}</text>
						<text class='accountingOverview_fd5_1_c4'>/</text>
						<text class='accountingOverview_fd5_1_c5'>{{topic_type_Three.length}}</text>
						<text class='accountingOverview_fd5_1_c6'>）</text>
					</view>
					<view class='flex flex-wrap align-center accountingOverview_fd5_2'>
						<view v-for="(v, k) in topic_type_Three" :key="k">
							<block v-if="v.is_Submit == 0">
								<view class='flex flex-wrap align-center justify-center accountingOverview_fd5_2_c0'
									@tap.stop="getIndex(v.aid)">
									<text class='accountingOverview_fd5_2_c0_c0'>{{v.index}}</text>
								</view>
							</block>
							<block v-else>
								<view class='flex flex-wrap align-center justify-center accountingOverview_fd5_2_c1'
									v-if="v.isChange == 2" @tap.stop="getIndex(v.aid)">
									<text class='accountingOverview_fd5_2_c1_c0'>{{v.index}}</text>
								</view>
								<view class='flex flex-wrap align-center justify-center accountingOverview_fd5_2_c2'
									v-if="v.isChange == 3" @tap.stop="getIndex(v.aid)">
									<text class='accountingOverview_fd5_2_c2_c0'>{{v.index}}</text>
								</view>
								<view class='flex flex-wrap align-center justify-center accountingOverview_fd5_2_c3'
									v-if="v.isChange == 1" @tap.stop="getIndex(v.aid)">
									<text class='accountingOverview_fd5_2_c3_c0'>{{v.index}}</text>
								</view>
							</block>
						</view>
					</view>
				</scroll-view>
			</view>
			<!---打卡弹窗flex布局结束-->
		</benben-popup>
		

		<!-- <view :style="{height: '110rpx'}"></view> -->

	</view>
</template>
<script>
	export default {
		components: {},

		data() {
			return {
				isShow: true,
				displayList: [],
				list: [],
				index: 0,
				currentIndex: 0,
				"letter": ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J'], // 选项ABC
				"popupShow1659665463519": false,
				"popupShow1659668925427": false,
				"popupShow1659669633610": false,
				"collection": 0,
				"section_id": '', // 章节id
				"topic_type_one": [], // 单选题
				"topic_type_Two": [], // 判断题
				"topic_type_Three": [], // 多选题
				"topic_type_one_number": 0,
				"topic_type_Two_number": 0,
				"topic_type_Three_number": 0,
				"swiperHeight": 0,
				"correct_number": 0, // 正确的数量
				"error_number": 0, // 错误的数量
				"click_collection": false,
				"option_index": '', // 选项的下标
				"analysis_name": '',
				"analysis_content": '',
				"type": 4,  // 1刷题记录  2模拟考试记录  3测试记录  4随堂练习单个题目解析
				"windowHeight": 0,
				"topicmanage_id": "",  // 单个题目id
				"practicetest_id": "",  // 考试记录id
			};
		},
		computed: {

		},
		watch: {},
		onLoad(options) {
			let {topicmanage_id, section_id, type, practicetest_id} = options;
			if (topicmanage_id !== undefined) this.topicmanage_id = topicmanage_id;
			if (practicetest_id !== undefined) this.practicetest_id = practicetest_id;
			if (section_id !== undefined) this.section_id = section_id;
			if (type !== undefined) this.type = type;
			this.getSubject();
			uni.getSystemInfo({
				success: res => {
					this.windowHeight = res.windowHeight;
					// console.log(res.windowHeight) //res.windowHeight是返回的屏幕高度
				}
			});

		},
		onUnload() {
			// this.submitTopic();
			// this.updateIndex();
		},
		onReady() {

		},
		onShow() {

		},
		onHide() {
			// this.submitTopic();
		},
		onResize() {

		},
		onPullDownRefresh() {

		},
		onReachBottom(e) {

		},
		onPageScroll(e) {

		},
		methods: {
			// 获取题目列表   post63047305925e3
			getSubject() {
				let url = '';
				let data = {};
				if (this.type == 1) {
					url = global.apiUrls.post6318804ac650c;
					data = {
						sectionmanage_id: this.section_id
					}
				} else if (this.type == 2) {
					url = global.apiUrls.post631868cf393e9;
					data = {
						sectionmanage_id: this.section_id
					}
				} else if (this.type == 3) {
					url = global.apiUrls.post631868a9902b2;
					data = {
						sectionmanage_id: this.section_id
					}
				} else if (this.type == 4) {
					url = global.apiUrls.post660d1ce054c0e;
					data = {
						classroom_test_log_id: this.practicetest_id,
						topicmanage_id: this.topicmanage_id
					}
				}
				this.$api.post(url, data).then(res => {
					console.log(res);
					if (res.data.code == 1) {
						this.list = res.data.data;
						if (this.list.length == 0) {
							this.$message.info('暂无题目');
							setTimeout(() => {
								uni.navigateBack();
							}, 800);
							return;
						}
						this.isShow = false;
						let displayList = [];
						this.list.forEach((v, k) => {
							displayList.push({
								item: ''
							});
						})
						let answerInfo = [];
						let topic_type_one = [];
						let topic_type_Two = [];
						let topic_type_Three = [];
						this.list.forEach((v, k) => {
							v.is_analysis = false;
							v.right_key = "";
							v.my_key = "";
							v.is_Submit = 1;
							answerInfo.push({
								topicmanage_id: v.aid,
								user_choice: v.user_choice_ids,
								correct_option_id: v.correct_option_id,
								is_correct: v.is_Submit == 1 ? (v.user_choice_ids == v.correct_option_id ? 2 : 3) : 1
							});
							if (v.topic_type == 1) {
								topic_type_one.push({
									aid: v.aid,
									index: k + 1,
									isChange: v.user_choice_ids == v.correct_option_id ? 2 :3,
									is_Submit: v.is_Submit == 1 ? 1 : 0
								});
							} else if (v.topic_type == 2) {
								topic_type_Two.push({
									aid: v.aid,
									index: k + 1,
									isChange: v.user_choice_ids == v.correct_option_id ? 2 :3,
									is_Submit: v.is_Submit == 1 ? 1 : 0
								});
							} else {
								topic_type_Three.push({
									aid: v.aid,
									index: k + 1,
									isChange: v.user_choice_ids == v.correct_option_id ? 2 :3,
									is_Submit: v.is_Submit == 1 ? 1 : 0
								});
							}
							this.topic_type_one = topic_type_one;
							this.topic_type_Two = topic_type_Two;
							this.topic_type_Three = topic_type_Three;
						})
						this.displayList = displayList;
						this.displayList[this.currentIndex].item = this.list[this.currentIndex];
						// this.displayList[this.currentIndex + 1].item = this.list[this.currentIndex + 1];
						this.collection = this.displayList[this.currentIndex].item.is_collect;
						this.displayList[this.currentIndex].item.option_list.forEach((v, k) => {
							v.isChange = 1;
						})
						// this.displayList[this.currentIndex + 1].item.option_list.forEach((v, k) => {
						// 	v.isChange = 1;
						// })
						this.topic_type_one_number = this.topic_type_one.filter(u => u.is_Submit == 0).length;
						this.topic_type_Two_number = this.topic_type_Two.filter(u => u.is_Submit == 0).length;
						this.topic_type_Three_number = this.topic_type_Three.filter(u => u.is_Submit == 0).length;
						this.answerInfo = answerInfo;
						
						this.isDoQuestion();
						this.$nextTick(() => {
							this.setSwiperHeight();
						});
						// console.log(this.topic_type_Two);
					} else {
						this.$message.info(res.data.msg);
						setTimeout(() => {
							uni.navigateBack();
						}, 800)
					}
				})
			},
			// 单选题
			selectOption(topic_type, option_index) {
				// topic_type 1单选  2判断  3多选
				if (topic_type == 1 || topic_type == 2) {
					this.displayList[this.currentIndex].item.option_list.forEach((v, k) => {
						v.isChange = 1;
					})
					if (option_index == -1) {
						this.displayList[this.currentIndex].item.option_list.forEach((v, k) => {
							if (this.displayList[this.currentIndex].item.correct_option_id == v.option_id) {
								this.displayList[this.currentIndex].item.option_list[k].isChange = 2;
								// this.displayList[this.currentIndex].item.option_list[option_index].isChange = 3;
								this.displayList[this.currentIndex].item.right_key = k;
								this.displayList[this.currentIndex].item.my_key = "";
							}
						})
					} else {
						if (this.displayList[this.currentIndex].item.option_list[option_index].option_id == this.displayList[
								this.currentIndex].item.correct_option_id) {
							this.displayList[this.currentIndex].item.option_list[option_index].isChange = 2;
							this.displayList[this.currentIndex].item.right_key = option_index;
							this.displayList[this.currentIndex].item.my_key = option_index;
							this.answerInfo[this.currentIndex].is_correct = 2;
							if (topic_type == 1) {
								this.topic_type_one.forEach((v, k) => {
									if (v.aid == this.displayList[this.currentIndex].item.aid) {
										this.topic_type_one[k].is_Submit = 1;
										this.topic_type_one[k].isChange = 2;
									}
								})
						
							} else if (topic_type == 2) {
								this.topic_type_Two.forEach((v, k) => {
									if (v.aid == this.displayList[this.currentIndex].item.aid) {
										this.topic_type_Two[k].is_Submit = 1;
										this.topic_type_Two[k].isChange = 2;
									}
								})
							}
						} else {
							this.displayList[this.currentIndex].item.option_list.forEach((v, k) => {
								if (this.displayList[this.currentIndex].item.correct_option_id == v.option_id) {
									this.displayList[this.currentIndex].item.option_list[k].isChange = 2;
									this.displayList[this.currentIndex].item.option_list[option_index].isChange = 3;
									this.displayList[this.currentIndex].item.right_key = k;
									this.displayList[this.currentIndex].item.my_key = option_index;
								}
							})
							if (topic_type == 1) {
								this.topic_type_one.forEach((v, k) => {
									if (v.aid == this.displayList[this.currentIndex].item.aid) {
										this.topic_type_one[k].is_Submit = 1;
										this.topic_type_one[k].isChange = 3;
									}
								})
							} else if (topic_type == 2) {
								this.topic_type_Two.forEach((v, k) => {
									if (v.aid == this.displayList[this.currentIndex].item.aid) {
										this.topic_type_Two[k].is_Submit = 1;
										this.topic_type_Two[k].isChange = 3;
									}
								})
							}
						
							this.answerInfo[this.currentIndex].is_correct = 3;
							this.displayList[this.currentIndex].item.is_analysis = true;
							setTimeout(() => {
								this.setSwiperHeight();
							}, 200)
							setTimeout(() => {
								uni.pageScrollTo({
									scrollTop: this.swiperHeight, //0代表滚动到顶部
									duration: 150 //动画时长
								});
							}, 200)
						}
						
						this.answerInfo[this.currentIndex].user_choice = this.displayList[this.currentIndex].item.option_list[option_index].option_id;
						this.correct_number = this.answerInfo.filter(u => u.is_correct == 2).length;
						this.error_number = this.answerInfo.filter(u => u.is_correct == 3).length;
					}
					

					
					// this.displayList[this.currentIndex].item.is_Submit = 1;
					this.displayList[this.currentIndex].item.is_analysis = true;
					this.$forceUpdate();
				} else {
					// 多选题
					if (this.displayList[this.currentIndex].item.option_list[option_index].isChange == 1) {
						this.displayList[this.currentIndex].item.option_list[option_index].isChange = 2;
					} else {
						this.displayList[this.currentIndex].item.option_list[option_index].isChange = 1;
					}
					this.option_index = option_index;
					this.$forceUpdate();
				}
			},

			// 多选题确认
			multipleChoice() {
				let option_id = '';
				let option_name = '';
				this.displayList[this.currentIndex].item.option_list.forEach((v, k) => {
					if (v.isChange == 2) {
						option_id += v.option_id + ',';
						option_name += this.letter[k] + ',';
					}
				})
				option_id = option_id.substring(0, option_id.length - 1);
				option_name = option_name.substring(0, option_name.length - 1);
				if (option_id == this.displayList[this.currentIndex].item.correct_option_id) {
					this.displayList[this.currentIndex].item.right_key = option_name;
					this.displayList[this.currentIndex].item.my_key = option_name;
					this.answerInfo[this.currentIndex].is_correct = 2;
					// this.displayList[this.currentIndex].item.is_analysis = true;
					this.topic_type_Three.forEach((v, k) => {
						if (v.aid == this.displayList[this.currentIndex].item.aid) {
							this.topic_type_Three[k].is_Submit = 1;
							this.topic_type_Three[k].isChange = 2;
						}
					})
				} else {
					this.displayList[this.currentIndex].item.my_key = option_name;
					let right_key = '';
					this.displayList[this.currentIndex].item.option_list.forEach((v, k) => {
						if (v.is_correct == 1) {
							right_key += this.letter[k] + ',';
						}
					})
					if (right_key) {
						right_key = right_key.substring(0, right_key.length - 1);
					}
					this.displayList[this.currentIndex].item.right_key = right_key;
					this.topic_type_Three.forEach((v, k) => {
						if (v.aid == this.displayList[this.currentIndex].item.aid) {
							this.topic_type_Three[k].is_Submit = 1;
							this.topic_type_Three[k].isChange = 3;
						}
					})
					this.displayList[this.currentIndex].item.option_list.forEach((v, k) => {
						this.displayList[this.currentIndex].item.correct_option_id.split(',').forEach((v1, k1) => {
							if (v1 == v.option_id) {
								this.displayList[this.currentIndex].item.option_list[k].isChange = 2;
							}
						})
					})
					this.displayList[this.currentIndex].item.option_list.forEach((v, k) => {
						option_id.split(',').forEach((v1, k1) => {
							if (v1 == v.option_id) {
								this.displayList[this.currentIndex].item.option_list[k].isChange = 3;
							}
						})
					})
					this.answerInfo[this.currentIndex].is_correct = 3;
					this.displayList[this.currentIndex].item.is_analysis = true;
					setTimeout(() => {
						this.setSwiperHeight();
					}, 200)
					setTimeout(() => {
						uni.pageScrollTo({
							scrollTop: this.swiperHeight, //0代表滚动到顶部
							duration: 150 //动画时长
						});
					}, 200)
				}
				this.answerInfo[this.currentIndex].user_choice = option_id;
				this.correct_number = this.answerInfo.filter(u => u.is_correct == 2).length;
				this.error_number = this.answerInfo.filter(u => u.is_correct == 3).length;
				this.displayList[this.currentIndex].item.is_Submit = 1;
				this.displayList[this.currentIndex].item.is_analysis = true;
				this.$forceUpdate();
			},
			getIndex(aid) {
				let index = '';
				for (let i = 0; i < this.list.length; i++) {
					if (aid == this.list[i].aid) {
						index = i;
						break;
					}
				}
				this.currentIndex = index;
				this.popupShow1659665463519 = false;
				this.$forceUpdate();
			},
			// 查看解析
			analysis() {
				if (this.answerInfo[this.currentIndex].is_correct == 2) {
					// this.displayList[this.currentIndex].item.is_analysis = true;
					// this.$forceUpdate();
					// setTimeout(() => {
					// 	this.setSwiperHeight();
					// }, 100)
					// setTimeout(() => {
					// 	uni.pageScrollTo({
					// 		scrollTop: this.swiperHeight,//0代表滚动到顶部
					// 		duration: 150//动画时长
					// 	});
					// }, 200)
					let option_name = '';
					this.displayList[this.currentIndex].item.option_list.forEach((v, k) => {
						if (this.displayList[this.currentIndex].item.topic_type == 3) {
							this.displayList[this.currentIndex].item.correct_option_id.split(',').forEach((v1,
								k1) => {
								if (v1 == v.option_id) {
									option_name += this.letter[k1] + ','
								}
							})
						} else {
							if (this.displayList[this.currentIndex].item.correct_option_id == v.option_id) {
								option_name += this.letter[k] + ','
							}
						}
					})
					option_name = option_name.substring(0, option_name.length - 1);
					this.analysis_name = option_name;
					this.analysis_content = this.displayList[this.currentIndex].item.answter;
					this.popupShow1659668925427 = true;
				} else if (this.answerInfo[this.currentIndex].is_correct == 3) {
					let option_name = '';
					this.displayList[this.currentIndex].item.option_list.forEach((v, k) => {
						if (this.displayList[this.currentIndex].item.topic_type == 3) {
							this.displayList[this.currentIndex].item.correct_option_id.split(',').forEach((v1,
								k1) => {
								if (v1 == v.option_id) {
									option_name += this.letter[k1] + ','
								}
							})
						} else {
							if (this.displayList[this.currentIndex].item.correct_option_id == v.option_id) {
								option_name += this.letter[k] + ','
							}
						}
					})
					option_name = option_name.substring(0, option_name.length - 1);
					this.analysis_name = option_name;
					this.analysis_content = this.displayList[this.currentIndex].item.answter;
					this.popupShow1659668925427 = true;
				} else if (this.answerInfo[this.currentIndex].is_correct == 1) {
					this.$message.info('答完题才能看解析');
					return;
				}
			},
			setSwiperHeight() {
				let query = uni.createSelectorQuery().in(this);
				query.select('#Box' + this.currentIndex).boundingClientRect(); //我找的idimgBox 你的替换就行
				query.exec(res => {
					// console.log(res[0].height) // 元素高度
					this.swiperHeight = res[0].height; // 返回的值可以用作动态修改swiper高度
				});
			},

			// 题目收藏
			getCollection() {
				if (this.click_collection) {
					this.$message.info('点击太频繁啦~');
					return;
				}
				this.click_collection = true;
				this.$api.post(global.apiUrls.post6304aa2267c8e, {
					topicmanage_id: this.displayList[this.currentIndex].item.aid
				}).then(res => {
					// console.log(res);
					this.$message.info(res.data.msg);
					if (res.data.code == 1) {
						if (this.collection == 0) {
							this.collection = 1;
						} else {
							this.collection = 0;
						}
						this.displayList[this.currentIndex].item.is_collect = this.collection;
						setTimeout(() => {
							this.click_collection = false;
						}, 1500)
					} else {
						setTimeout(() => {
							this.click_collection = false;
						}, 1500)
					}
				})
			},
			// 提交做题记录  post6315538b2b0cb
			submitTopic() {
				let is_index = '';
				if (this.answerInfo.length > 0) {
					for (let i = 0; i < this.answerInfo.length; i++) {
						if (this.answerInfo[i].user_choice) {
							is_index = i;
						}
						delete this.answerInfo[i].is_correct;
					}
				}
				if (is_index || is_index == 0) {
					if (this.type == 1) {
						this.$api.post(global.apiUrls.post6315538b2b0cb, {
							answer_list: JSON.stringify(this.answerInfo)
						}).then(res => {
							// console.log(res);
						})
					} else if (this.type == 2) {
						this.$api.post(global.apiUrls.post63059ed3eda95, {
							practicetest_id: this.section_id,
							answer_list: JSON.stringify(this.answerInfo)
						}).then(res => {
							// console.log(res);
						})
					}
					
				} else {
					return;
				}
			},
			// 上传做题索引值  post65fe412309380
			updateIndex() {
				this.$api.post(global.apiUrls.post65fe412309380, {
					sectionmanage_id: this.section_id,
					index: this.currentIndex
				}).then(res => {
					// console.log(res);
				})
			},


			swiperChange(e) {
				// console.log(e);
				this.currentIndex = e.detail.current;
				if (!this.displayList[this.currentIndex].item.aid) {
					this.displayList[this.currentIndex].item = this.list[this.currentIndex];
					this.displayList[this.currentIndex].item.option_list.forEach((v, k) => {
						v.isChange = 1;
					})
					this.collection = this.displayList[this.currentIndex].item.is_collect;
					this.click_collection = false;
				} else {
					this.collection = this.displayList[this.currentIndex].item.is_collect;
					this.click_collection = false;
				}
				this.isDoQuestion();
				return;
			},
			// 是否做过题目
			isDoQuestion() {
				if (this.displayList[this.currentIndex].item.is_Submit == 1) {
					if (this.displayList[this.currentIndex].item.topic_type == 1 || this.displayList[this.currentIndex].item.topic_type == 2) {
						let index = -1;
						this.displayList[this.currentIndex].item.option_list.forEach((v, k) => {
							if (v.option_id == this.displayList[this.currentIndex].item.user_choice_ids) {
								this.displayList[this.currentIndex].item.option_list[k].isChange = 2;
								index = k;
							}
						})
						this.selectOption(this.displayList[this.currentIndex].item.topic_type, index);
					} else {
						this.displayList[this.currentIndex].item.option_list.forEach((v, k) => {
							this.displayList[this.currentIndex].item.user_choice_ids.split(',').forEach((v1, k1) => {
								if (v1 == v.option_id) {
									this.displayList[this.currentIndex].item.option_list[k].isChange = 2;
								}
							})
						})
						this.multipleChoice();
					}
					// if (this.displayList[this.currentIndex].item.correct_option_id == this.displayList[this.currentIndex].item.user_choice_ids) {
					// 	this.answerInfo[this.currentIndex].is_correct = 2;
					// } else {
					// 	this.answerInfo[this.currentIndex].is_correct = 3;
					// }
					this.correct_number = this.answerInfo.filter(u => u.is_correct == 2).length;
					this.error_number = this.answerInfo.filter(u => u.is_correct == 3).length;
					this.$forceUpdate();
				}
				setTimeout(() => {
					this.setSwiperHeight();
				}, 200)
			},
		}
	};
</script>
<style lang="scss" scoped>
	uni-swiper {
		height: 100%;
	}

	::v-deep .accountingOverview_fd6_0 {
		margin: 0rpx 0rpx 0rpx 32rpx;
	}

	.accountingOverview_checkfd6_0_c0_c0 {
		width: 36rpx;
		height: 36rpx;
		border-radius: 18rpx 18rpx 18rpx 18rpx;
		margin-left: 32rpx;
	}

	.accountingOverview_noCheckfd6_0_c1_c0 {
		border-radius: 18rpx 18rpx 18rpx 18rpx;
		width: 36rpx;
		height: 36rpx;
		margin-left: 32rpx;
	}

	.accountingOverview_fd6_1 {
		background: rgba(0, 195, 150, 0.1);
		background-size: 100% !important;
		width: 156rpx;
		height: 72rpx;
		border-radius: 36rpx 36rpx 36rpx 36rpx;
		margin: 0rpx 38rpx 0rpx auto;
	}

	.accountingOverview_fd6_1_c0 {
		width: 36rpx;
		height: 36rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.accountingOverview_fd6_1_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: #00C396;
	}

	.accountingOverview_fd6_2 {
		background: rgba(254, 80, 20, 0.1);
		background-size: 100% !important;
		width: 156rpx;
		height: 72rpx;
		border-radius: 36rpx 36rpx 36rpx 36rpx;
		margin: 0rpx 48rpx 0rpx 0rpx;
	}

	.accountingOverview_fd6_2_c0 {
		width: 36rpx;
		height: 36rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.accountingOverview_fd6_2_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: rgba(254, 80, 20, 1);
	}

	.accountingOverview_fd6_3 {
		margin: 0rpx 32rpx 0rpx 0rpx;
	}

	.accountingOverview_fd6_3_c0 {
		width: 32rpx;
		height: 26rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.accountingOverview_fd6_3_c1 {
		line-height: 56rpx;
		font-size: 40rpx;
		font-weight: 700;
		color: rgba(21, 147, 255, 1);
	}

	.accountingOverview_fd6_3_c2 {
		line-height: 56rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: #333333;
	}

	.accountingOverview_fd6_3_c3 {
		line-height: 56rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: #333333;
	}

	.accountingOverview_flex_6 {
		background: #fff;
		background-size: 100% !important;
		width: 750rpx;
		height: 110rpx;
		overflow: hidden;
		z-index: 10;
		bottom: calc(0rpx + var(--window-bottom));
		box-shadow: 0rpx -1rpx 8rpx rgba(0, 0, 0, 0.0600);
	}

	.accountingOverview_fd5_0 {
		border-bottom: 1px solid #eee;
		padding: 0rpx 32rpx 16rpx 32rpx;
		margin: 32rpx 0rpx 32rpx 0rpx;
	}

	.accountingOverview_fd5_0_c0 {
		background: rgba(0, 195, 150, 0.1);
		background-size: 100% !important;
		width: 156rpx;
		height: 72rpx;
		border-radius: 36rpx 36rpx 36rpx 36rpx;
		margin: 0rpx 38rpx 0rpx auto;
	}

	.accountingOverview_fd5_0_c0_c0 {
		width: 36rpx;
		height: 36rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.accountingOverview_fd5_0_c0_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: #00C396;
	}

	.accountingOverview_fd5_0_c1 {
		background: rgba(254, 80, 20, 0.1);
		background-size: 100% !important;
		width: 156rpx;
		height: 72rpx;
		border-radius: 36rpx 36rpx 36rpx 36rpx;
		margin: 0rpx 48rpx 0rpx 0rpx;
	}

	.accountingOverview_fd5_0_c1_c0 {
		width: 36rpx;
		height: 36rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.accountingOverview_fd5_0_c1_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: rgba(254, 80, 20, 1);
	}

	.accountingOverview_fd5_0_c2 {
		width: 32rpx;
		height: 26rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.accountingOverview_fd5_0_c3 {
		line-height: 56rpx;
		font-size: 40rpx;
		font-weight: 700;
		color: rgba(21, 147, 255, 1);
	}

	.accountingOverview_fd5_0_c4 {
		line-height: 56rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: #333333;
	}

	.accountingOverview_fd5_0_c5 {
		line-height: 56rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: #333333;
	}

	.accountingOverview_fd5_1 {
		padding: 0rpx 32rpx 0rpx 32rpx;
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.accountingOverview_fd5_1_c0 {
		width: 32rpx;
		height: 20rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.accountingOverview_fd5_1_c1 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
	}

	.accountingOverview_fd5_1_c2 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
	}

	.accountingOverview_fd5_1_c3 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
	}

	.accountingOverview_fd5_1_c4 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
	}

	.accountingOverview_fd5_1_c5 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
	}

	.accountingOverview_fd5_1_c6 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
	}

	.accountingOverview_fd5_2 {
		padding: 0rpx 14rpx 0rpx 14rpx;
		margin: 0rpx 0rpx 16rpx 0rpx;
	}

	.accountingOverview_fd5_2_c0 {
		background: rgba(246, 247, 249, 0.5);
		background-size: 100% !important;
		width: 84rpx;
		height: 84rpx;
		border-radius: 42rpx 42rpx 42rpx 42rpx;
		margin: 0rpx 18rpx 32rpx 18rpx;
	}

	.accountingOverview_fd5_2_c0_c0 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 400;
		color: rgba(191, 191, 191, 1);
	}

	.accountingOverview_fd5_2_c1 {
		background: rgba(0, 195, 150, 0.1);
		background-size: 100% !important;
		width: 84rpx;
		height: 84rpx;
		border-radius: 42rpx 42rpx 42rpx 42rpx;
		margin: 0rpx 18rpx 32rpx 18rpx;
	}

	.accountingOverview_fd5_2_c1_c0 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #00C396;
	}

	.accountingOverview_fd5_2_c2 {
		background: rgba(254, 80, 20, 0.12);
		background-size: 100% !important;
		width: 84rpx;
		height: 84rpx;
		border-radius: 42rpx 42rpx 42rpx 42rpx;
		margin: 0rpx 18rpx 32rpx 18rpx;
	}

	.accountingOverview_fd5_2_c2_c0 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #FE5014;
	}

	.accountingOverview_fd5_2_c3 {
		background: rgba(246, 247, 249, 0.5);
		background-size: 100% !important;
		width: 84rpx;
		height: 84rpx;
		border-radius: 42rpx 42rpx 42rpx 42rpx;
		margin: 0rpx 18rpx 32rpx 18rpx;
	}

	.accountingOverview_fd5_2_c3_c0 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 400;
		color: #000;
	}

	.accountingOverview_fd5_3 {
		padding: 0rpx 32rpx 0rpx 32rpx;
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.accountingOverview_fd5_3_c0 {
		width: 32rpx;
		height: 20rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.accountingOverview_fd5_3_c1 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
	}

	.accountingOverview_fd5_3_c2 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
	}

	.accountingOverview_fd5_3_c3 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
	}

	.accountingOverview_fd5_3_c4 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
	}

	.accountingOverview_fd5_3_c5 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
	}

	.accountingOverview_fd5_3_c6 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
	}

	.accountingOverview_fd5_4 {
		padding: 0rpx 14rpx 0rpx 14rpx;
		margin: 0rpx 0rpx 16rpx 0rpx;
	}

	.accountingOverview_fd5_4_c0 {
		background: rgba(246, 247, 249, 0.5);
		background-size: 100% !important;
		width: 84rpx;
		height: 84rpx;
		border-radius: 42rpx 42rpx 42rpx 42rpx;
		margin: 0rpx 18rpx 32rpx 18rpx;
	}

	.accountingOverview_fd5_4_c0_c0 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 400;
		color: rgba(191, 191, 191, 1);
	}

	.accountingOverview_fd5_4_c1 {
		background: rgba(0, 195, 150, 0.1);
		background-size: 100% !important;
		width: 84rpx;
		height: 84rpx;
		border-radius: 42rpx 42rpx 42rpx 42rpx;
		margin: 0rpx 18rpx 32rpx 18rpx;
	}

	.accountingOverview_fd5_4_c1_c0 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #00C396;
	}

	.accountingOverview_fd5_4_c2 {
		background: rgba(254, 80, 20, 0.12);
		background-size: 100% !important;
		width: 84rpx;
		height: 84rpx;
		border-radius: 42rpx 42rpx 42rpx 42rpx;
		margin: 0rpx 18rpx 32rpx 18rpx;
	}

	.accountingOverview_fd5_4_c2_c0 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #FE5014;
	}

	.accountingOverview_fd5_4_c3 {
		background: rgba(246, 247, 249, 0.5);
		background-size: 100% !important;
		width: 84rpx;
		height: 84rpx;
		border-radius: 42rpx 42rpx 42rpx 42rpx;
		margin: 0rpx 18rpx 32rpx 18rpx;
	}

	.accountingOverview_fd5_4_c3_c0 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 400;
		color: #333333;
	}

	.accountingOverview_flex_5 {
		background: #fff;
		background-size: 100% !important;
		background-size: 100% auto !important;
		border-radius: 24rpx 24rpx 0rpx 0rpx;
	}

	scroll-view {
		height: 600rpx;
		padding-bottom: 24rpx;
	}

	.accountingOverview_fd4_0 {
		border-bottom: 1px solid #eee;
		padding: 40rpx 32rpx 32rpx 32rpx;
	}

	.accountingOverview_fd4_0_c0 {
		width: 30rpx;
		height: 30rpx;
	}

	.accountingOverview_fd4_0_c1 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
	}

	.accountingOverview_fd4_0_c2 {
		width: 30rpx;
		height: 30rpx;
	}

	.accountingOverview_fd4_1 {
		background: rgba(21, 147, 255, 0.1);
		background-size: 100% !important;
		margin: 48rpx 32rpx 40rpx 32rpx;
		height: 154rpx;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
	}

	.accountingOverview_fd4_1_c0 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: #1593FF;
		margin: 24rpx 24rpx 0rpx 24rpx;
	}

	.accountingOverview_fd4_1_c1 {
		line-height: 62rpx;
		font-size: 44rpx;
		font-weight: 700;
		color: #00C396;
	}

	.accountingOverview_fd4_2 {
		background: rgba(21, 147, 255, 0.1);
		background-size: 100% !important;
		margin: 0rpx 32rpx 80rpx 32rpx;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		padding: 24rpx 24rpx 24rpx 24rpx;
	}

	.accountingOverview_fd4_2_c0 {
		line-height: 45rpx;
		font-size: 26rpx;
		font-weight: 400;
		color: rgba(21, 147, 255, 1);
		margin: 0rpx 0rpx 10rpx 0rpx;
	}

	.accountingOverview_fd4_2_c1 {
		line-height: 45rpx;
		font-size: 26rpx;
		font-weight: 400;
		color: #333333;
	}

	.accountingOverview_flex_4 {
		background: #fff;
		background-size: 100% !important;
		background-size: 100% auto !important;
		border-radius: 24rpx 24rpx 0rpx 0rpx;
	}

	.accountingOverview_fd3_0 {
		line-height: 50rpx;
		font-size: 36rpx;
		font-weight: 800;
		color: #333333;
		margin: 40rpx 0rpx 40rpx 0rpx;
		text-align: center;
	}

	.accountingOverview_fd3_1 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 400;
		color: #333333;
		margin: 0rpx 0rpx 48rpx 0rpx;
		text-align: center;
	}

	.accountingOverview_fd3_2_c0 {
		border-top: 1px solid #eee;
		border-right: 1px solid #eee;
		background: #fff;
		background-size: 100% !important;
		border-radius: 0rpx 0rpx 0rpx 16rpx;
		font-size: 32rpx;
		color: rgba(153, 153, 153, 1);
		width: 300rpx;
		height: 101rpx;
		line-height: 101rpx;
		font-weight: 500;
	}

	.accountingOverview_fd3_2_c1 {
		border-top: 1px solid #eee;
		border-left: 1px solid #eee;
		background: #fff;
		background-size: 100% !important;
		border-radius: 0rpx 0rpx 16rpx 0rpx;
		font-size: 32rpx;
		color: rgba(44, 143, 255, 1);
		width: 300rpx;
		height: 101rpx;
		line-height: 101rpx;
		font-weight: 500;
	}

	.accountingOverview_flex_3 {
		background: #fff;
		background-size: 100% !important;
		width: 600rpx;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.accountingOverview_fd2_0 {
		margin: 40rpx 0rpx 40rpx 0rpx;
	}

	.accountingOverview_fd2_0_c0 {
		width: 32rpx;
		height: 20rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.accountingOverview_fd2_0_c1 {
		line-height: 50rpx;
		font-size: 36rpx;
		font-weight: 700;
		color: #1593FF;
	}

	.accountingOverview_fd2_1 {
		border-bottom: 1px dashed rgba(21, 147, 255, 1);
		padding: 0rpx 83rpx 40rpx 83rpx;
		margin: 0rpx 0rpx 47rpx 0rpx;
	}

	.accountingOverview_fd2_1_c0_c0 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #666666;
		margin: 0rpx 0rpx 4rpx 0rpx;
	}

	.accountingOverview_fd2_1_c0_c1 {
		line-height: 62rpx;
		font-size: 44rpx;
		font-weight: 700;
		color: #00C396;
	}

	.accountingOverview_fd2_1_c1 {
		background: rgba(21, 147, 255, 1);
		background-size: 100% !important;
		width: 1rpx;
		height: 72rpx;
		margin: 0rpx 10rpx 0rpx 10rpx;
		transform: scaleX(0.5);
	}

	.accountingOverview_fd2_1_c2_c0 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #666666;
		margin: 0rpx 0rpx 4rpx 0rpx;
	}

	.accountingOverview_fd2_1_c2_c1 {
		line-height: 62rpx;
		font-size: 44rpx;
		font-weight: 700;
		color: rgba(254, 80, 20, 1);
	}

	.accountingOverview_fd2_2 {
		margin: 0rpx 0rpx 40rpx 0rpx;
	}

	.accountingOverview_fd2_2_c0 {
		width: 32rpx;
		height: 20rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.accountingOverview_fd2_2_c1 {
		line-height: 50rpx;
		font-size: 36rpx;
		font-weight: 700;
		color: #1593FF;
	}

	.accountingOverview_fd2_3 {
		line-height: 45rpx;
		font-size: 26rpx;
		font-weight: 400;
		color: rgba(21, 147, 255, 1);
		margin: 0rpx 0rpx 10rpx 0rpx;
	}

	.accountingOverview_fd2_4 {
		line-height: 45rpx;
		font-size: 26rpx;
		font-weight: 400;
		color: #333333;
		margin: 0rpx 0rpx 40rpx 0rpx;
	}

	.accountingOverview_flex_2 {
		background: url(https://app.ezsdcsm.com/images/69.png) no-repeat, transparent;
		background-size: 100% !important;
		margin: 0rpx 32rpx 0rpx 32rpx;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 0rpx 32rpx 32rpx 32rpx;
	}

	.accountingOverview_fd1_0 {
		margin: 0rpx 0rpx 40rpx 0rpx;
	}

	.accountingOverview_fd1_0_c0 {
		width: 32rpx;
		height: 20rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.accountingOverview_fd1_0_c1 {
		line-height: 50rpx;
		font-size: 36rpx;
		font-weight: 700;
		color: #1593FF;
	}

	.accountingOverview_fd1_0_c2 {
		line-height: 50rpx;
		font-size: 36rpx;
		font-weight: 700;
		color: #1593FF;
	}

	.accountingOverview_fd1_0_c3 {
		line-height: 50rpx;
		font-size: 36rpx;
		font-weight: 700;
		color: #1593FF;
	}

	.accountingOverview_fd1_1 {
		// margin: 0rpx 0rpx 40rpx 0rpx;
	}

	.topic_img {
		width: 100%;
		height: 300rpx;
		margin-top: 10rpx;

		image {
			width: 100%;
			height: 100%;
			border-radius: 8rpx;
		}
	}

	.option_img {
		width: 250rpx;
		height: 200rpx;
		margin-top: 10rpx;

		image {
			width: 100%;
			height: 100%;
			border-radius: 8rpx;
		}
	}

	.accountingOverview_fd1_1_c0 {
		width: 72rpx;
		height: 36rpx;
		vertical-align: sub;
	}

	.accountingOverview_fd1_1_c1 {
		width: 72rpx;
		height: 36rpx;
		vertical-align: sub;
	}

	.accountingOverview_fd1_1_c2 {
		width: 72rpx;
		height: 36rpx;
		vertical-align: sub;
	}

	.accountingOverview_fd1_1_c3 {
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
		line-height: 52rpx;
	}

	::v-deep .accountingOverview_fd1_2 {
		border-top: 1px dashed #eee;
		padding: 40rpx 0rpx 0rpx 0rpx;
	}

	.accountingOverview_fd1_2_c0 {
		border: 1px solid #00C396;
		background: rgba(255, 255, 255, 0.3900);
		background-size: 100% !important;
		margin: 0rpx 0rpx 32rpx 0rpx;
		height: 88rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.accountingOverview_fd1_2_c0_c0 {
		width: 36rpx;
		height: 36rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.accountingOverview_fd1_2_c0_c1 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #00C396;
	}

	.accountingOverview_fd1_2_c1 {
		border: 1px solid #FE5014;
		background: rgba(255, 255, 255, 0.3900);
		background-size: 100% !important;
		margin: 0rpx 0rpx 32rpx 0rpx;
		height: 88rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.accountingOverview_fd1_2_c1_c0 {
		width: 36rpx;
		height: 36rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.accountingOverview_fd1_2_c1_c1 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: rgba(254, 80, 20, 1);
	}

	.accountingOverview_fd1_3 {
		// border-top: 1px dashed rgba(238, 238, 238, 1);
		padding: 40rpx 0rpx 0rpx 0rpx;
	}

	.query_topic {
		width: 250rpx;
		height: 60rpx;
		line-height: 60rpx;
		border-radius: 32rpx;
		background: #1593ff;
		color: #fff;
		text-align: center;
		margin: 0 auto 32rpx;
	}

	.accountingOverview_fd1_3_c0 {
		border: 1px solid #00C396;
		background: rgba(255, 255, 255, 0.3900);
		background-size: 100% !important;
		// height: 88rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0rpx 0rpx 32rpx 0rpx;
		padding: 20rpx 32rpx 20rpx 32rpx;
	}

	.accountingOverview_fd1_3_c0_c0 {
		width: 36rpx;
		height: 36rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.accountingOverview_fd1_3_c0_c1 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #00C396;
	}

	.accountingOverview_fd1_3_c1 {
		border: 1px solid #FE5014;
		background: rgba(255, 255, 255, 0.3900);
		background-size: 100% !important;
		// height: 88rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0rpx 0rpx 32rpx 0rpx;
		padding: 20rpx 32rpx 20rpx 32rpx;
	}

	.accountingOverview_fd1_3_c1_c0 {
		width: 36rpx;
		height: 36rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.accountingOverview_fd1_3_c1_c1 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: rgba(254, 80, 20, 1);
	}

	.accountingOverview_fd1_3_c2 {
		margin: 0rpx 0rpx 32rpx 0rpx;
		padding: 20rpx 32rpx 20rpx 32rpx;
	}

	.accountingOverview_fd1_3_c2_c0 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
	}

	.accountingOverview_fd1_3_c2_c1 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
	}

	.option_img {
		width: 240rpx;
		height: 200rpx;
		border-radius: 8rpx;
	}

	::v-deep .accountingOverview_fd1_4 {
		border-top: 1px dashed #eee;
		padding: 40rpx 0rpx 0rpx 0rpx;
	}

	.accountingOverview_fd1_4_c0 {
		border: 1px solid #00C396;
		background: rgba(255, 255, 255, 0.3900);
		background-size: 100% !important;
		margin: 0rpx 0rpx 40rpx 0rpx;
		height: 88rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.accountingOverview_fd1_4_c0_c0 {
		width: 36rpx;
		height: 36rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.accountingOverview_fd1_4_c0_c1 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #00C396;
	}

	.accountingOverview_fd1_4_c1 {
		padding: 0rpx 32rpx 0rpx 32rpx;
		margin: 0rpx 0rpx 48rpx 0rpx;
	}

	.accountingOverview_fd1_4_c1_c0 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
	}

	.accountingOverview_flex_1 {
		padding: 32rpx 32rpx 0rpx 32rpx;
	}

	.accountingOverview_fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
		height: 88rpx;
	}

	.accountingOverview_fd0_0_c0_c0 {
		font-size: 36rpx;
		font-weight: 500;
		color: #fff;
		line-height: 36rpx;
		width: 135rpx;
	}

	.accountingOverview_fd0_0_c1 {
		font-size: 36rpx;
		font-weight: 500;
		color: #fff;
		// line-height: 50rpx;
		width: 400rpx;
		text-align: center;
		display: -webkit-box; //将盒子转换为弹性盒子
		-webkit-box-orient: vertical; //文本显示方式，默认水平
		-webkit-line-clamp: 1; //设置显示多少行
		overflow: hidden;
	}

	.accountingOverview_fd0_0_c2 {
		width: 135rpx;
		height: 45rpx;
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
		text-align: right;
	}

	.accountingOverview_flex_0 {
		background: url(https://app.ezsdcsm.com/images/91.png) no-repeat;
		background-size: 100% 100% !important;
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
	}

	.page {
		min-height: calc(100vh - var(--window-bottom));
		// height: 100vh;
		background: #fff;
		background-size: 100% auto !important;
		// padding-bottom: 120rpx;
	}
</style>
